.clear-float {
  clear: both;
}

body {
  margin: 0 auto;
  padding: 0;
  font: 14px/1.5;
  //font-family:Helvetica, Tahoma, Arial, PingFangSC-Regular, "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei";
  background: #FFF;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

input:-webkit-autofill {
  background-color: #E4ECF2 !important;
  -webkit-box-shadow: 0 0 0px 1000px #E4ECF2 inset;
  -webkit-text-fill-color: #333;
}


.content {
  width: 1200px;
  margin: 0 auto;
}

.btn-normal {
  color: white;
  background-color: #00b4f5;
  border-color: #00b4f5;
}

.base-hover:hover {
  background-color: rgb(86, 189, 148);
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
}

html, body {
  height: 100%
}

a {
  text-decoration: none;
}



.base-title{

  color:#999999;
  font-size: 18px;
}

/**  公用卡片样式  **/

.base-card{

  padding: 10px;
  background-color: white;

}

.card-item{

  border-bottom: 2px solid #F5F5F5 ;
  padding: 10px 0px;

}

.hc-input {
  padding-left: 5px;
  font-size: 14px;
  border: 1px solid #e3e3e3;
}

.hc-input:focus {
  outline: none;
  border-color: #0cc689;
}


/**搜索框**/
.search-box {
  height: 60px;
}

.search-box:after {
  font-family: iconfont;
  content: "\E61C";
  font-size: 35px;
  padding: 2px;
  color: white;
  background-color: #0cc689;
  vertical-align: middle;
}

.search-box input {
  display: inline-block;
  height: 39px;
  vertical-align: middle;
  outline: none;
  width: 130px;
}


.search-box-table{
  position: relative;
  display: inline-block;
}


.search-box-table:after {
  font-family: iconfont;
  content: "\E61C";
  position: absolute;
  left: -2px;
  top: -3px;
  font-size: 35px;
  color: #e2eaec;
  height: 39px;
  width: 39px;
}
.search-box-table .hc-input{
  height: 39px;
  padding-left: 35px;
  vertical-align: middle;
}
.search-box-table span{
  color: white;
  background-color: #0cc689;
  height: 39px;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  line-height: 39px;
  text-align: center;
  cursor: pointer;
}

/**自定义字体**/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/**  管理页面搜索栏目样式  **/
.admin-head {
  margin: 20px auto;
}

/*  对话框头部样式 **/
.dialog-head {

  padding: 10px 10px;
  margin: 10px 20px;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}

/**重置box-sizing**/
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.index-right .router-link-active span {
  background-color: #0bb67e;
  cursor: pointer;
}

/***左边菜单栏目样式**/

.class-menu {
  width: 250px;
  position: absolute;
  top: 70px;
  bottom: 0;
  color: #B0B1B3;
}

.class-menu-list {
  text-align: center;
}

.class-menu-list ul {
  padding: 20px 20px;
}

.class-context {

  margin-left: 250px;

}

.class-menu-list a {
  border-left: 6px solid white;
  display: block;
}

.class-menu-list .router-link-exact-active {
  width: 216px;
  background-color: #dcf4ee;
  color: #0cc689;
  display: inline-block;
  border-left: 6px solid #0cc689;
}

html,body{

  height: 100%;
}

/** 姓样式 **/
.first-name-head {
  display: inline-block;
  font-size: 20px;
  padding: 6px;
  border-radius: 35px;
  background: #409dfb;
  color: white;
  height: 40px;
  width: 40px;
  float: left;
  margin-left: 25px;
  text-align: center;
  line-height: 30px;
}

/**  自定义弹窗样式 **/
.hc-dialog .el-dialog__header {
  background-color: #0cc689;
  text-align: center;
}

.hc-dialog .el-dialog__title {
  color: white;
  font-size: 16px;
}

.hc-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #909399;
  border: 1px solid white;
  border-radius: 8px;
}

.hc-dialog .el-icon-close:before {
  color: white;
}

.hc-dialog .el-dialog__body{
  padding: 0;
}

.hc-full-dialog{
  background-color:#F5F5F5;
}


/**  图片提示的弹窗 **/
.img-tips{

  text-align: center;
  padding: 20px;
}
.img-tips span{

  margin-top: 10px;
  display: inline-block;
}


/**  视频弹窗样式 **/
.video-dialog{

}

.video-dialog .el-dialog__header {
  padding: 0px;
  padding-bottom: 0px;
}
.video-dialog  .el-dialog__body {
  text-align: initial;
  padding: 0px;
}

/** 自定义表格样式  **/
.hc-table {


}

.hc-table .hc-table-title {
  background-color: #EEFAF6;
  color: #0cc689;
}
.hc-table .el-row{
  min-height: 40px;
  line-height: 40px;
}

.hc-table-body .el-row {
  color: #60687C;

}

.hc-table-body .el-row:nth-child(even) {
  background-color: #F3F7F8;

}
.hc-table-body .el-row:hover{
  color: #0cc689;
  text-decoration: underline;
}
.hc-table-body a{
  cursor: pointer;
}



/** 下拉菜单 **/
.el-dropdown-menu {
  position: absolute;
  padding: 10px 0;
  margin: 5px 0;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

/**  饿了么数据表格自定义样式   **/
.hc-el-table .el-table__header th{

  background-color: #eefaf5;
  color: #0cc689;
  font-weight: normal;
}
.hc-el-table  .el-table__row:nth-child(even){

  background-color: #F3F7F8;
}
.hc-el-table td{
  border-bottom: none;
}
.hc-el-table .el-table__body tr:hover > td{
  background-color: #dbecf0;
}
.hc-el-table a{
  cursor: pointer;
  color: #424e67;
}
.hc-el-table a:hover{

  text-decoration: underline;
  color: #0cc689;
}


/**  奇数行表格 **/
.odd-table  .el-table__row:nth-child(odd){

  background-color: #F3F7F8;
}
.odd-table  .el-table__row:nth-child(even){

  background-color: inherit;
}
.hc-el-table tr.current-row > td {
  background:#dbecf0;
}




/**日期选择器选择不全**/
.el-date-editor .el-range-separator {
  width: 6%;
}
.can-edit-item{

  border: 1px solid white;
}
.can-edit-item:hover{

  border: 1px solid #e3e3e3;
  background-color: #fcfade;
}
.can-edit-item:hover input{

  background-color: #fcfade;
}

/***自定义按钮颜色****/
.el-button--yellow{

  background-color: #fd964c;
  border-color: #e6a23c;
}

.el-button--yellow:hover, .el-button--yellow:focus {
  background: #e98a46;
  border-color: #e98a46;
  color: #fff;
}

.el-button--big{
  font-size: 20px;
}



/** 自定义tab **/
.range-date span {

  margin: 10px 20px;
  padding: 10px;
  cursor: pointer;
}

.range-date .selected {

  border-bottom: 3px solid #0cc689;
  color: #0cc689;
}

.el-pagination {
  font-weight: normal;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width: 8px;
  height: 16px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  //border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: $--color-primary;
}
.el-carousel__item.is-animating{
  transition:unset;
}
